/* Free Forever Info
  ------------------------------------------------------------------------------
  Lists Org Limits and their values
*/
.org-limit {
  margin: 0 0 $cf-space-s;
  position: relative;
}

.org-limit--stat {
  text-align: right;
  font-size: $cf-text-base-4;
  font-weight: 500;
  color: $cf-grey-95;
}

/*
  Conversion Panel
  ------------------------------------------------------------------------------
*/

.cf-grid--container .credit-250-conversion-panel {
  margin-top: $cf-marg-d;
  padding-bottom: $cf-marg-e;

  .credit-250-conversion-panel--message {
    margin-top: $cf-text-base-1;
  }

  .credit-250-conversion-panel--header {
    margin-top: $cf-marg-b;
    margin-bottom: $cf-marg-b;
  }

  .credit-250-conversion-upgrade--button {
    margin-top: $cf-marg-d;
  }
}

.conversion-panel--list {
  -webkit-columns: 2 250px;
  -moz-columns: 2 250px;
  columns: 2 250px;
  margin: $cf-text-base-1 0;
}

.conversion-panel--benefits,
.credit-250-conversion-panel--benefits {
  list-style: none;
  margin: 0;

  > li {
    font-size: $cf-text-base-1;
    padding-left: $cf-space-l;
    position: relative;
    margin: 0;
    margin-bottom: $cf-space-s;

    &:before {
      content: '';
      position: absolute;
      left: 0;
      border-radius: 50%;
    }
  }
}

.credit-250-conversion-panel--benefits {
  > li {
    &:before {
      width: $cf-text-base--1;
      height: $cf-text-base--1;
      background-color: $cf-white;
      top: calc(($cf-text-base--1) * 0.5);
    }
  }
}

.conversion-panel--benefits {
  > li {
    &:before {
      width: $cf-text-base-1;
      height: $cf-text-base-1;
      background-color: $c-pool;
    }
  }
}

p.conversion-panel--final-p {
  font-size: $cf-text-base-3;
  text-align: center;
  margin-bottom: 0;
}

.billing-form--frame {
  position: relative;
}

/*
  Billing Contact
  ------------------------------------------------------------------------------
*/

.billing--contact-info,
.billing--contact-info * {
  color: $cf-grey-85;
  height: 30px;
  padding: $cf-space-2xs 11px;
  font-size: 12px;
  font-weight: 600;
}

.billing-contact--alert {
  margin-bottom: $cf-space-s;
}

/*
  Payment Method
  ------------------------------------------------------------------------------
*/

.payment-method-panel strong {
  color: $c-laser;
  margin-bottom: $cf-space-l;
}

/*
  Notifications
  ------------------------------------------------------------------------------
*/

.billing-notification p {
  display: inline;
  text-align: left;
  justify-content: left;
}

.billing-notification button {
  text-align: right;
  float: right;
  justify-content: right;
}

/*
  Invoices
  ------------------------------------------------------------------------------
*/

.list-item {
  margin-bottom: $cf-space-3xs;
  padding: $cf-space-s 24px $cf-space-s $cf-space-s;
  background-color: $cf-grey-15;
  border-radius: $cf-radius;
  width: 100%;

  .invoice-details {
    text-align: right;
  }

  &:hover {
    background-color: $cf-grey-25;
  }
}

.invoice-status {
  width: 80px;
}

.invoice-status.paid {
  color: $c-rainforest;
}

.invoice-headers {
  justify-content: space-between;

  .invoice-header {
    text-align: right;

    &:first-of-type {
      margin-left: 0;
      text-align: left;
    }
  }
}
